<template>
  <div>
    <button @click="name = 'One'">One</button>
    <button @click="name = 'Two'">Two</button>

    <component :is="name" />
  </div>
</template>

<script>
import One from "./components/One";
import Two from "./components/Two";
export default {
  name: "App",
  components: {
    Two,
    One,
  },
  data() {
    return {
      name: "One",
    };
  },
};
</script>

<style></style>
